<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
</head>

<body class="df fn fdc jcsb">
    <div class="sea">
        <div class="section1">目前累积跑步距离:</div>
        <div class="section2">
            <span class="section21">999.99</span>公里
        </div>
    </div>

    <!-- 添加蒙层 -->
    <main class="main">
        <div id="container"></div>
        <div class="mo">
            <!-- <div class="sec"> -->
                <div class="section3 df jcsb">
                    <div class="section31 section32">户外跑</div>
                    <div class="section31">燃脂跑</div>
                    <div class="section31">跑步机</div>
                </div>
                <a href="./3.html" class="section4">GO</a>
                <div class="section5 df jcsb">
                    <div class="section51">
                        <i class="pre iconfont icon-shezhi iconfont1" id="play1"></i>
                    </div>
                    <div class="section52">
                        <span class="section521">设置目标</span>
                        <i class="pre iconfont icon-xiangyou1 iconfont2" id="play1"></i>
                    </div>
                    <div class="section51">
                        <i class="pre iconfont icon-yinle1 iconfont1" id="play1"></i>
                    </div>
                <!-- </div> -->
            </div>

            
        </div>
        
    </main>
    <div class="section6 df jcsb aic">
        <div class="section61">
            <p class="section611">跑步路线</p>
            <p class="section612">使用跑步路线, 邂逅附近的同行者</p>
        </div>
        <i class="pre iconfont icon-xiangyou1 iconfont4" id="play1"></i>
    </div>
    <div class="ss"></div>

    <script type="text/javascript">
        window._AMapSecurityConfig = {
            securityJsCode: '1ea37b3f170222fc208c47208d109975',
        }
    </script>
    <script type="text/javascript"
        src="https://webapi.amap.com/maps?v=2.0&key=a9ec8d4b650a6330e55213f339691b99"></script>
</body>

</html>